<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>分页栏</title>
    <link rel="stylesheet" href="plugins/elementui/index.css">
    <script src="js/vue.js"></script>
    <script src="plugins/elementui/index.js"></script>
</head>
<body>
<div id="app">
    <div class="block">
        <span class="demonstration">显示总数</span>
        <el-pagination
                @size-change="handleSizeChange"
                @current-change="handleCurrentChange"
                :current-page.sync="currentPage1"
                :page-size="10"
                layout="total, prev, pager, next"
                :total="100">
        </el-pagination>
    </div>
</div>

<script>
    var app = new Vue({
        el:"#app",
        data:{

        },
        methods: {
            handleUpdate(row) {
                console.log(row.name);
            },
            handleDelete(row) {
                console.log(row.address);
            }
        }
    });

</script>
</body>
</html>